<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
    </style>
    <link rel="stylesheet" href="../../util/bootstrap-3.3.7-dist/css/bootstrap.css">
    <link rel="stylesheet" href="../../css/lftycss/Staff%20management.css">
    <script src="../../util/jq/jquery-3.4.0.js"></script>
    <script src="../../util/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
    <script src="../../js/lftyjs/Staff%20management.js"></script>
    <script src="../../js/lftyjs/table.content.js" defer></script>
    <script src="../../js/lftyjs/Reg.js" defer></script>

</head>
<body>
<div class="container-fluid floor ">
    <div>
        <ol class="breadcrumb nav-road navbar navbar-default navbar-fixed-top" style="background: white;">
            <li><a href="#">首页</a></li>
            <li><a href="#" class="active">员工管理</a></li>

        </ol>
    </div>
    <!--选项卡-->
    <div>
        <div class="content">
            <p class="title1">员工管理系统</p>
            <!--查询-->
            <div class="query">
                <button class="btn btn-info query-5 " style="width:90px;height: 25px;line-height: 10px"
                        data-toggle="modal" data-target="#myModal">新增+
                </button>
                <span class="query-1">工号（或姓名）：</span>
                <input type="text" class="query-2 yc-sou" id="t1" >
                <button class="btn btn-success query-3 yc-sou-btn" style="width: 60px;height: 25px;line-height: 10px" >查询</button>
                <button class="btn btn-default query-4" style="width: 60px;height: 25px;line-height: 10px">重置</button>
            </div>
            <!--表格内容-->
            <div class="table-1 center-block active">
                <table class="table table-striped messages table-hover text-center">
                    <thead>
                    <tr >
                        <th class="text-center" id="check1"><input type="checkbox"></th>
                        <th class="text-center">工号</th>
                        <th class="text-center">姓名</th>
                        <th class="text-center">性别</th>
                        <th class="text-center">任职班级</th>
                        <th class="text-center">职位</th>
                        <th class="text-center">联系电话</th>
                        <th class="text-center">编辑</th>
                        <th class="text-center">删除</th>
                    </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
            <!--分页-->
            <nav aria-label="Page navigation ">
                <ul class="pagination jump ">
                    <li class="disabled">
                            <span href="#" aria-label="Previous">
                                <span aria-hidden="true">&laquo;</span>
                            </span>
                    </li>
                    <li class="active"><span href="#">1</span></li>
                    <li><span href="#">2</span></li>
                    <li><span href="#">3</span></li>
                    <li>
                            <span href="#" aria-label="Next">
                                <span aria-hidden="true">&raquo;</span>
                            </span>
                    </li>
                </ul>
            </nav>
        </div>
    </div>
    <!--添加页面-->
    <div class="modal fade add-messges" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span>
                    </button>
                    <h4 class="modal-title" id="myModalLabel">添加新的内容</h4>
                </div>
                <!--添加弹框-->
                <div class="modal-body">
                    <form class="form-horizontal">
                        <div class="form-group  ">
                            <label class="col-sm-2 control-label">工号</label>
                            <div class="col-sm-6">
                                <input class="form-control required" id="card" placeholder="请填写正确的工号例如：2019001">
                            </div>
                            <span id="span7" class="col-sm-1">√</span>
                            <span id="span8" class="col-sm-1">×</span>
                        </div>
                            <div class="form-group  ">
                                <label class="col-sm-2 control-label" id="check-name">姓名</label>
                                <div class="col-sm-6">
                                    <input class="form-control required" id="name" placeholder="请填写真实的姓名">
                                </div>
                                <span id="span1" class="col-sm-1">√</span>
                                <span id="span2" class="col-sm-1">×</span>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">性别</label>
                                <div class="col-sm-3">
                                    <select class="form-control" id="sex">
                                        <option>男</option>
                                        <option>女</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">任职班级</label>
                                    <div class="col-sm-3">
                                        <select class="form-control " id="classic">
                                            <option>蓝天班</option>
                                            <option>小草班</option>
                                            <option>黑土班</option>
                                            <option>superclass</option>
                                            <option>牛牛班</option>
                                            <option>星星班</option>
                                            <option>旅行班</option>
                                            <option>-</option>
                                        </select>
                                    </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">职务</label>
                                <div class="col-sm-3">
                                    <select class="form-control " id="offer">
                                        <option>安保</option>
                                        <option>幼师</option>
                                        <option>保育</option>
                                        <option>教师</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">联系电话</label>
                                <div class="col-sm-6">
                                    <input class="form-control required" placeholder="请填写11位手机号码" id="tel">
                                </div>
                                <span id="span3" class="col-sm-1">√</span>
                                <span id="span4" class="col-sm-1">×</span>

                            </div>
                            <div class="form-group  has-feedback">
                                <label class="col-sm-2 control-label">身份证</label>
                                <div class="col-sm-6">
                                    <input class="form-control" placeholder="请填写正确的身份证号码" id="id-card">
                                </div>
                                <span id="span5" class="col-sm-1">√</span>
                                <span id="span6" class="col-sm-1">×</span>
                            </div>
                            <div class="form-group  has-feedback">
                                <label class="col-sm-2 control-label">个人介绍</label>
                                <div class="col-sm-12">
                                    <input type="text" class="form-control " style="height: 90px;text-align: left"
                                           id="introduce">
                                </div>
                            </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" id="yes" class="btn btn-primary" data-dismiss="modal">确认添加</button>
                </div>
            </div>
        </div>
    </div>
    <!--展示页-->
    <div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span>
                    </button>
                    <h4 class="modal-title" id="myModalLabel1">详细信息</h4>
                </div>
                <div class="modal-body" id="chakan">
                    <div class="modal-body">
                        <form class="form-horizontal">
                            <div class="form-group  has-feedback">
                                <label for="inputEmail3" class="col-sm-2 control-label">工号</label>
                                <div class="col-sm-5 word">
                                    <p class="theaName"></p>
                                </div>
                            </div>
                            <div class="form-group word">
                                <label  class="col-sm-2 control-label">姓名</label>
                                <p class="theaSex"></p>
                            </div>
                            <div class="form-group word">
                                <label  class="col-sm-2 control-label">性别</label>
                                <p class="theaTel"></p>
                            </div>
                            <div class="form-group row word">
                                <label  class="col-sm-2 control-label">任职班级</label>
                                <p class="classroom"></p>
                            </div>
                            <div class="form-group  has-feedback word">
                                <label  class="col-sm-2 control-label">职务</label>
                                <p class="theaId"></p>
                            </div>
                            <div class="form-group  has-feedback word">
                                <label  class="col-sm-2 control-label">联系电话</label>
                                <p class="theaOffer"></p>
                            </div>

                        </form>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">退出</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--删除提示-->
    <div class="modal fade" tabindex="-1" role="dialog" id="canles">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">删除</h4>
                </div>
                <div class="modal-body">
                    <p>是否删除？</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary" id="btn-2" data-dismiss="modal">确认删除</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->
    <div class="modal fade" id="xiugai" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" >修改信息</h4>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal">
                        <div class="form-group  has-feedback">
                            <label for="inputEmail3" class="col-sm-2 control-label">工号</label>
                            <div class="col-sm-5 word">
                                <input class="theaName form-control">

                            </div>
                        </div>
                        <div class="form-group word">
                            <label  class="col-sm-2 control-label">姓名</label>
                            <div class="col-sm-5">
                                <input class="theaSex form-control">
                            </div>
                        </div>
                        <div class="form-group word">
                            <label  class="col-sm-2 control-label">性别</label>
                            <div class="col-sm-2">
                            <select class="theaTel form-control">
                                <option value="">男</option>
                                <option value="">女</option>
                            </select>
                            </div>
                        </div>
                        <div class="form-group row word">
                            <label  class="col-sm-2 control-label">任职班级</label>
                            <div class="col-sm-3">
                                <select class="form-control " >
                                    <option>蓝天班</option>
                                    <option>小草班</option>
                                    <option>黑土班</option>
                                    <option>superclass</option>
                                    <option>牛牛班</option>
                                    <option>星星班</option>
                                    <option>旅行班</option>
                                    <option>-</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group  has-feedback word">
                            <label  class="col-sm-2 control-label">职务</label>
                            <div class="col-sm-3">
                                <select class="form-control " id="offer">
                                    <option>安保</option>
                                    <option>幼师</option>
                                    <option>保育</option>
                                    <option>教师</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group ">
                            <label  class="col-sm-2 control-label">联系电话</label>
                            <div class=  "col-sm-5">
                                <input class="control-label form-control ">
                            </div>
                        </div>

                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary">保存修改</button>
                </div>
                </div>

            </div>
        </div>
    </div>

</div>
</body>
<script>

</script>
</html>